
<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
	<head>
		<title>john-doe webtemplate for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Home :: w3layouts</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		<link href="./css/style.css" media="all" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<!----- start-header---->
			<div id="home" class="header">
					<div class="top-header">
						<div class="container">
						<div class="logo">
							<a href="#"><img src="./images/logo.png" title="Johndeo" /></a>
						</div>
						<!----start-top-nav---->
						 <nav class="top-nav">
							<ul class="top-nav">
								<li class="active"><a href="#home" class="scroll">About</a><span> </span></li>
								<li><a href="#work" class="scroll">Work</a></li>
								<li><a href="#contact" class="scroll">Contact</a></li>
							</ul>
						</nav>
						<div class="clear"> </div>
						<!----top-header-info--->
						<div class="top-header-info">
							<p>
								Holla,<br/>
								I'm John Doe. <br/>
								A freelance UI / UX / Web Designer.<br/>
								Based in Boston<br/>
							</p>
							<a class="contactme" href="#">CONTACT ME</a>
						</div>
						<!----//End-header-info--->
					</div>
				</div>
			</div>
			<!----- //End-header---->
			<!---- about us ---->
			<div class="aboutus">
				<div class="container">
					<h2>ABOUT<br/>JOHN DOE</h2>
					<span> </span>
					<div class="col-md-6 aboutus-left">
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
					</div>
					<div class="col-md-6 aboutus-right">
						<a class="aboutus-right-btn" href="#">MY RESUME</a>
					</div>
					<div class="clear"> </div>
				</div>
			</div>
			<!---- about us ---->
			<!---- QUOTE ---->
			<div class="quote text-center">
				<div class="container">
					<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
				</div>
			</div>
			<!---- //QUOTE ---->
			<!---- WORKS ---->
			<div id="work" class="works">
				<div class="container">
					<h2>MY<br/>WORKS</h2>
					<span> </span>
				</div>
				<!---- partners ---->
				<div class="partners">
				</div>
				<!---- //partners ---->
				<!----project-grid---->
				<div class="project-grid">
					<div class="container">
					<img class="project-screen" src="./images/screen.jpg" title="name" />
					<div class="project-grid-info">
						<div class="col-md-3 project-grid-info-left">
							<h3>CLIENT:</h3>
							<label>Some Company</label>
							<h3>WEBSITE:</h3>
							<label><a href="#">http://www.somedomain.com</a></label>
							<a class="sitedemo" href="#">VISIT LIVE SITE</a>
						</div>
						<div class="col-md-9 project-grid-info-left">
							<h3><a href="#">PROJECT TITLE</a></h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,cillum dolore eu fugiat nulla pariatur.</p>
							<ul class="project-share unstyled-list list-inline">
								<li><a class="p-like" href="#"><label> </label> 144 LIKES</a></li>
								<li><a class="p-share" href="#"><label> </label> SHARE</a></li>
								<div class="clear"> </div>
							</ul>
						</div>
						<div class="clear"> </div>
					</div>
					</div>
				</div>
				<!----project-grid---->
			</div>
			</div>
			<!---- //WORKS ---->
			<!---- CONTACT ----->
			<div id="contact" class="contact"> 
				<div class="container">
					<h2>WAYS TO<br/>CONTACT ME</h2>
					<span> </span>
				<!----contact-grids---->
				<div class="contact-grids">
					<div class="col-md-6 contact-left">
						<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
						<form>
							<input type="text" value="Your beautiful name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your beautiful name';}">
							<input type="text" value="Your email address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your email address';}">
							<textarea rows="2" cols="70" onfocus="if(this.value == 'Leave your message') this.value='';" onblur="if(this.value == '') this.value='Leave your message';">Leave your message</textarea>
							<input type="submit" value="SEND MESSAGE" />
							<div class="clear"> </div>
						</form>
						<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
					</div>
					<div class="col-md-6 contact-right">
						<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
						<div class="address">
							<label>HOLLA@JOHNDOE.DEV</label>
							<label>+1 (234) 5678901</label>
							<label>715A CD58</label>
						</div>
						<div class="clear"> </div>
						<div class="address">
							<label>CREATIVE BUILDING 58</label>
							<label>3083 Romines Mill Road</label>
							<label>Boston, MA 02201  </label>
						</div>
						<div class="clear"> </div>
						<div class="social-share">
							<h4>ON SOCIAL</h4>
							<ul class="unstyled-list list-inline">
								<li><a class="facebook" href="#"><span> </span></a></li>
								<li><a class="twitter" href="#"><span> </span></a></li>
								<li><a class="googlepluse" href="#"><span> </span></a></li>
								<li><a class="dribbble" href="#"><span> </span></a></li>
								<div class="clear"> </div>
							</ul>
						</div>
					</div>
					<div class="clear"> </div>
				</div>
			</div>
			</div>
			<!---- CONTACT ----->
			<!----contact-map---->
			<!----contact-map---->
			<div class="copy-right text-center">
				<div class="container">
					<p>Template by <a href="http://w3layouts.com/">W3layouts</a></p>
					<label>Copyright 2014. All rights reserved.</label>
	
				</div>
			</div>
	</body>
</html>

